<template>
	<view>
		<view class="ticket">
			<view v-for="(item,index) in ticket" :key="index">
				<view class="">
					<image :src="item.image" mode=""></image>
					<text>{{item.name}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'ticket',
		data() {
			return {
				ticket: [{
						image: 'http://gw.alicdn.com/tfs/TB1DoXFwHsrBKNjSZFpXXcXhFXa-210-126.png_110x10000.jpg_.webp',
						name: '机票'
					},
					{
						image: 'http://gw.alicdn.com/tfs/TB1s51ECuOSBuNjy0FdXXbDnVXa-210-126.png_110x10000.jpg_.webp',
						name: '酒店'
					},
					{
						image: 'http://gw.alicdn.com/tfs/TB1BNE_wrZnBKNjSZFrXXaRLFXa-210-126.png_110x10000.jpg_.webp',
						name: '火车票'
					},
					{
						image: 'http://gw.alicdn.com/tfs/TB1pN01wsUrBKNjSZPxXXX00pXa-210-126.png_110x10000.jpg_.webp',
						name: '汽车票'
					},
					{
						image: 'http://gw.alicdn.com/tfs/TB1VZqNCuSSBuNjy0FlXXbBpVXa-210-126.png_110x10000.jpg_.webp',
						name: '门票'
					}
				]
			};
		}
	};
</script>

<style>
	.ticket image {
		width: 90upx;
		height: 70upx;
	}

	.ticket {
		display: flex;
		justify-content: space-around;
		text-align: center;
		margin: 30upx 0;
	}

	.ticket text {
		font-size: 30upx;
		display: block;
	}
</style>
